<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{% block title %}Watch Item Notification {% endblock %}</title>

    <link rel="stylesheet" type="text/css"
        href="/css/app.css"/>
    <link rel="stylesheet" type="text/css"
        href="/css/request.css"/>

    {% block head %}
    {% endblock %}

    <script type="text/javascript" language="JavaScript">
    <!--
    $(document).ready(function(){
        $(".help").css("display", "none");
    });

    function show_help_text(span_id)
    {
        document.getElementById(span_id).style.display = "inline-block";
    }

    function clear_help_text(span_id)
    {
        document.getElementById(span_id).style.display = "none";
    }

    {% block scripts %}
    {% endblock %}
    //-->
    </script>
</head>
<body>
    <div id="container">
        <div id="header">
            <div id="top_bar">
                <div id="imark">&nbsp;</div>
                <div id="page_title">
                    {% block pagetitle %}
                        <a href="/"> VIX Term Structure Monitoring </a>
                    {% endblock %}
                </div>
            </div>
        </div>
        <div id="content">
            {% if show_login_info %}
            <div id="login_info">
                <!-- For the rounded corners -->
                <span class="rc1f"></span>
                <span class="rc2f"></span>
                <span class="rc3f"></span>
                <span class="rc4f"></span>
                <div class="rccontent">
                    <div>
                      {% if user %}
                        Hello,
                        <strong>
                            {% if user.first_name or user.last_name%}
                                {{ user.first_name }} {{ user.last_name }}
                            {% else %}
                                {{user.login}}
                            {% endif %}

                        </strong>
                        <br> <a href="{{profile_url}}">Your Account</a>
                        | <a href="{{logout_url}}">Sign Out</a>
                      {% else %}
                        <a href="{{login_url}}">Sign In</a>
                      {% endif %}
                    </div>
                </div>
                <!-- For the rounded corners -->
                <span class="rc4f"></span>
                <span class="rc3f"></span>
                <span class="rc2f"></span>
                <span class="rc1f"></span>
            </div>
            {% endif %}
            {% block maincontent %}{% endblock %}
        </div>

        <div id="footer">
            <!-- For the rounded corners -->
            <span class="rc1f"></span>
            <span class="rc2f"></span>
            <span class="rc3f"></span>
            <span class="rc4f"></span>
            <div class="rccontent">
                <div class="footer_col">
                    <h2>More Information</h2>
                    {% block moreinformation %}
                        <p>
                        {% if is_in_status_page %}
                            <a href="/{{PROJECT_ROOT_URL}}">Go to Home</a>
                        {% else %}
                            <a href="{{profile_url}}">Set My Email Notification</a>
                        {% endif %}
                        </p>
                    {% endblock %}
                </div>
                {% block helpinformation %}
                <div class="footer_col">
                    <h2>Where to Get Help</h2>
                    <p>For questions or problems, please contact the 
                    <a href="{{support_url}}">Help Desk</a>:
                    </p>
                    <p>
                    <a href="mailto:support@vixcentral.info">support@kiwishare.com</a>
                    </p>
                </div>
                {% endblock %}
                <div class="column_clear"></div>
            </div>
            <!-- For the rounded corners -->
            <span class="rc4f"></span>
            <span class="rc3f"></span>
            <span class="rc2f"></span>
            <span class="rc1f"></span>
        </div>
    </div>
</body>
</html>
